<template>
    <!-- 查询权益卡 -->
    <div class="draw-main">
      <div class="h-main">
        <div class="h-form">
            <div class="h-label"><span class="h-spacing">姓名</span> FULL NAME</div>
            <el-input v-model='cardInfo.name' class='h-input' :disabled='true'/>
            <div class="h-label" style="margin-top:15px;"><span class="h-spacing">身份证</span> ID</div>
            <el-input v-model='cardInfo.idcard' class='h-input' :disabled='true'/>
            <div class="h-label" style="margin-top:15px;"><span class="h-spacing">激活时间</span> ACTIVATION TIME</div>
            <el-input v-model='cardInfo.activationTime' class='h-input' :disabled='true'/>
            <div class="h-label" style="margin-top:15px;"><span class="h-spacing">激活时效</span> ACTIVATION EFFECTIVENESS</div>
            <el-input v-model='cardInfo.endTime' class='h-input' :disabled='true'>
              <template slot="append">年</template>
            </el-input>
        </div>
         <div class="card-button-border" @click='toQuery'>返回</div>
      </div>
    </div>
  </template>
  
  <script>
    import cardApi from '@/api/h5/card'
    export default {
      data() {
        return {
            cardInfo:''
        };
      },
      created(){
        document.title = '查询权益卡';
        this.getInfo()
      },
      methods: {
        getInfo(){
          this.cardInfo = JSON.parse(localStorage.getItem("cardInfo"));
        },
        toQuery(){
          this.$router.push('query')
        },
      },
    }
</script>
<style scoped>
.draw-main{
    justify-content: center;
    height: 100%;
} 
.h-main>>>.el-input-group__append{
  font-size:15px;
  color: #5812a9 !important;
}
</style>